<template>
  <div class='tw-relative'>
    <img src='study.jpg' class='md:tw-h-96 tw-h-80 tw-object-cover tw-w-full tw-relative' />
    <div
      class='
          tw-font-bold
          tw-text-white
          tw-absolute
          tw-top-1/2
          tw-left-1/2
          tw-transform
          tw--translate-x-1/2 tw--translate-y-1/2
          tw-w-5/6
          tw-text-center
          md:tw-text-6xl tw-text-4xl
        '
    >
      {{ title  || 'Building a Culture of Excellence'}}
      <div class='tw-font-light tw-text-xl'>
        {{ subtitle  || 'Vestibulum volutpat pretium libero. Suspendisse eu ligula.'}}
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'PostTop',
  props:{
    title: String,
    subtitle: String
  }
}
</script>
